<template>
  <div class="app-container">
    <el-tabs
        v-model="activeName"
        type="card"
        class="demo-tabs"
    >
      <el-tab-pane label="生成波次" name="createWavePick"  v-hasPermi="['outOrder:batch:createBatch']">
        <CreateWavePick v-if="activeName==='createWavePick'"></CreateWavePick>
      </el-tab-pane>
      <el-tab-pane label="打印波次" name="printWavePick"  v-hasPermi="['outOrder:print:list']">
        <PrintWavePick v-if="activeName==='printWavePick'"></PrintWavePick>
      </el-tab-pane>
      <el-tab-pane label="波次打印记录" name="printWavePickRecords"  v-hasPermi="['outOrder:batch:list']">
        <PrintWavePickRecords  v-if="activeName==='printWavePickRecords'"></PrintWavePickRecords>
      </el-tab-pane>

    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import CreateWavePick from "@/views/outStorage/wavePick/createWavePick.vue";
import PrintWavePick from "@/views/outStorage/wavePick/printWavePick.vue";
import PrintWavePickRecords from "@/views/outStorage/wavePick/printWavePickRecords.vue";

const activeName = ref('createWavePick')

</script>

<style scoped lang="scss">
.app-container{
  padding: 0;
  height: calc(100vh - 90px);
}
</style>